	.status_bar {
	    height: var(--status-bar-height);
	    width: 100%;
		background-color: #ffaa00;
	  }
	.bg1 {
		height: 200px;
		width: 750rpx;
		background-color: #324178;
		border-bottom-left-radius: 3em;
		float: left;
		}
	.bg1 .location_container{
		width: 100%;
		height: 60rpx;
		padding-top: 20rpx;
	}
	.bg1 .location_container .add_image {
		width: 58rpx;
		height: 58rpx;
		padding-left: 45rpx;
		float: left;
	}
	.bg1 .location_container .location_weather_text {
		color: #FFFFFF;
		font-size: 18px;
		margin-left: 20rpx;
	}	
	.bg1 .temperature_text {
		color: #FFFFFF;
		font-size: 80px;
		margin-left: 40rpx;
	}
	.bg1 .air_text {
		color: #FFFFFF;
		font-size: 18px;
		float: right;
		padding-right: 45rpx;
		padding-top: 35rpx;
	}
	.bg1 .weatherPic {
		width: 128rpx;
		height: 90rpx;
		padding-left: 45rpx;
	}
		
	.bg2 {
		height: 300px;
		width: 750rpx;
		border-bottom-left-radius: 3em;
		border: 1px solid #3B4144;
	}
	
	.bg2 .containers {
		height: 100px;
		width: 170rpx;
		margin-left: 170rpx;
		background-color: #4CD964;
		
	}